<!DOCTYPE html>
<html lang="{{ meta.locale }}">

    <head>
        <meta charset="utf-8">

        <title>{{ invoice.name }}</title>

        <style>
            body {
                font-family: sans-serif;
                font-size: 10pt;
            }
   
            @page :first {
                @top-center {
                    content: none;
                }
            }
   
   
            @page {
                /* margin: 2cm 1.5cm 3cm 2.5cm; */
                margin: 2cm 0 3cm 0;
                size: A4;
            }
   
            @media print {
                thead {
                    display: table-header-group;
                }
            }
   
            body {
                /* margin: 0.5em; */
                margin: 0; 
            }
   
            .c2 {
                min-height: 100px;
            }
            
            .txt-right{
                text-align: right;
            }
   
            .c1 .block_0 {
                height: 100px;
                overflow: hidden;
                width: 50%;
                float: left;
            }
   
            .c1 .header {
                float: right;
                text-align: right;
                font-size: 10pt;
            }
   
            .c2 {
                min-height: 50px;
            }
   
            .c2 .billing-address {
                text-align: right;
                font-size: 10pt;
                margin-top: 20px;
            }
   
            .c3 {
                width: 8cm;
                height: 4cm;
                overflow: hidden;
                position: absolute;
                top: 100px;
            }
   
            .c3 .address-from {
                font-size: 8pt;
                text-decoration: underline;
                white-space: nowrap;
                padding-bottom: 0.1pt;
            }
   
            .c3 .billing-address {
                position: relative;
                top: 0.6cm;
            }
   
            .c4 .display-type {
                margin-top: 40px;
                font-size: 18pt;
                font-weight: bold;
                text-align: right;
            }
            
            .c5 {
                border-top: 1px solid gray;
                border-bottom: 1px solid gray;
                padding: 5px;
                margin-top: 20px;
                display: table;
                width: 100%;
            }
   
            .c5 .info-left {
                display: table-cell;
                vertical-align: bottom;
            }
   
            .c5 .info-right {
                display: table-cell;
                vertical-align: bottom;
                text-align: right;
            }
   
            .c5 .info-right .value {
                width: 100px;
                display: inline-block;
            }
   
            .c5,
            .c6,
            .c7 {
                margin-bottom: 20px;
            }
   
            .invoice-table table,
            .accountstatement-table table,
            .dunning-table table {
                width: 100%;
                border-collapse: collapse;
                border-spacing: 0;
                -fs-table-paginate: paginate;
            }
   
            .invoice-table tr,
            .accountstatement-table tr,
            .dunning-table tr,
            .no-break {
                page-break-inside: avoid;
            }
   
            .invoice-table td,
            .invoice-table th,
            .accountstatement-table td,
            .accountstatement-table th,
            .dunning-table td,
            .dunning-table th {
                padding: 5px;
            }
   
            .invoice-table .value,
            .accountstatement-table .value,
            .dunning-table .value {
                padding-left: 0px;
            }
   
            .BalanceDate.value {
                padding-left: 0px;
            }
   
            .invoice-table .balances .value {
                padding-left: 0px;
            }
   
            .invoice-table .Title__c,
            .invoice-table .Description__c,
            .accountstatement-table .BalanceTitle,
            .accountstatement-table .Date__c,
            .dunning-table .Title__c,
            .dunning-table .Description__c,
            .invoice-table .Unit__c,
            .invoice-table .ProductGroup__c {
                padding-left: 0px;
            }
   
            .invoice-table td.Title__c,
            .invoice-table th.Title__c,
            .accountstatement-table th.BalanceTitle,
            .accountstatement-table th.Date__c,
            .dunning-table td.Title__c,
            .dunning-table th.Title__c {
                text-align: left;
            }
   
            .invoice-table th.PosNo,
            .invoice-table th.Quantity__c,
            .invoice-table th.TaxRate__c,
            .invoice-table th.UnitPriceCalc__c,
            .invoice-table th.UnitPriceNet__c,
            .invoice-table th.UnitPriceGross__c,
            .invoice-table th.UnitPriceTax__c,
            .invoice-table th.PosTotalGross__c,
            .invoice-table th.PosTotalTax__c,
            .invoice-table th.PosTotalNet__c,
            .invoice-table th.PosTotalNetNoAE__c,
            .invoice-table th.DiscountAmount__c,
            .accountstatement-table th.Amount__c,
            .accountstatement-table th.AmountGT,
            .accountstatement-table th.OpenAmount,
            .dunning-table th.PosNo,
            .dunning-table th.DunningLevel__c,
            .dunning-table th.DaysOverdue__c,
            .dunning-table th.PaymentDue__c,
            .dunning-table th.PaymentDueDate__c,
            .dunning-table th.BalanceDifference__c,
            .dunning-table th.GrandTotal__c,
            .dunning-table th.Rate__c,
            .dunning-table th.DunningAmount__c {
                text-align: right;
            }
   
            .invoice-table td.PosNo,
            .invoice-table td.Quantity__c,
            .invoice-table td.TaxRate__c,
            .invoice-table td.UnitPriceCalc__c,
            .invoice-table td.UnitPriceNet__c,
            .invoice-table td.UnitPriceGross__c,
            .invoice-table td.UnitPriceTax__c,
            .invoice-table td.PosTotalGross__c,
            .invoice-table td.PosTotalTax__c,
            .invoice-table td.PosTotalNet__c,
            .invoice-table td.PosTotalNetNoAE__c,
            .invoice-table td.TaxLabel,
            .invoice-table td.TaxAmount,
            .invoice-table td.SubTotalTax,
            .invoice-table td.TotalNet__c,
            .invoice-table td.TotalTax__c,
            .invoice-table td.DiscountAmount__c,
            .invoice-table td.Discount__c,
            .invoice-table td.GrandTotal__c,
            .invoice-table td.Balance__c,
            .invoice-table td.PaymentAmount,
            .invoice-table .shipping td.Title__c,
            .invoice-table .handling td.Title__c,
            .invoice-table .roundingDifference td.label,
            .invoice-table td.Subtotal,
            .invoice-table td.SubTotalNetNoDiscount,
            .invoice-table td.SubTotalDiscount,
            .invoice-table td.SubTotalNetDiscounted,
            .invoice-table td.SubTotalNet,
            .invoice-table td.SubTotalGross,
            .invoice-table tr.tax td.label,
            .invoice-table tr.totalNet td.label,
            .invoice-table tr.totalTax td.label,
            .invoice-table tr.subtotalTax-calculated td.label,
            .invoice-table tr.subtotalTax-calculated td.SubTotalTax,
            .invoice-table tr.settlement td.Title__c,
            .invoice-table tr.settlement td.Description__c,
            .invoice-table td.UnitPrice__c,
            .invoice-table .balances .value,
            .invoice-table .depositPayments,
            .accountstatement-table td.Amount__c,
            .accountstatement-table td.AmountGT,
            .accountstatement-table td.OpenAmount,
            .dunning-table td.PosNo,
            .dunning-table td.GrandTotal__c,
            .dunning-table td.DunningLevel__c,
            .dunning-table td.DaysOverdue__c,
            .dunning-table td.PaymentDue__c,
            .dunning-table td.PaymentDueDate__c,
            .dunning-table td.BalanceDifference__c,
            .dunning-table td.GrandTotal__c,
            .dunning-table td.Rate__c,
            .dunning-table td.DunningAmount__c {
                text-align: right;
                white-space: nowrap;
            }
   
            .invoice-table tr.roundingDifference.zero {
                display: none;
            }
   
            .invoice-table tr.first-category-header td {
                border-top: 2px solid gray;
            }
   
            .invoice-table tr.category-header td {
                padding-top: 10px;
            }
   
            .invoice-table tr.first-category-header td {
                padding-top: 5px;
            }
   
            .invoice-table tr.first-deposit-payment-row td.depositPayments_1,
            .invoice-table tr.first-deposit-payment-row td.depositPayments_2 {
                border-top: 1px solid gray;
            }
   
            .invoice-table tr.final-payment-net td.depositPayments_1,
            .invoice-table tr.final-payment-net td.depositPayments_2 {
                border-top: 1px dashed gray;
            }
   
            .invoice-table tr.firstRow td,
            .accountstatement-table tr.firstBalanceRow td,
            .dunning-table tr.firstRow td {
                border-top: 2px solid gray;
            }
   
            .invoice-table tr.first-row-after-header td {
                border-top: 1px dashed gray;
            }
   
            .invoice-table tr.lastRow td,
            .accountstatement-table tr.lastRow td,
            .dunning-table tr.lastRow td {
                padding: 0px;
            }
   
            .invoice-table th,
            .accountstatement-table th,
            .dunning-table th {
                font-weight: bold;
                vertical-align: bottom;
            }
   
            .invoice-table .product td,
            .accountstatement-table .balances td,
            .dunning-table .detail td {
                border-top: 1px dashed gray;
                padding: 5px;
                vertical-align: top;
            }
   
            .invoice-table .subtotal .label,
            .invoice-table .subtotal-calculated .label,
            .invoice-table .subtotalTax-calculated .label,
            .invoice-table .total .label,
            .invoice-table .tax .label,
            .invoice-table .totalNet .label,
            .invoice-table .totalTax .label,
            .invoice-table .discount .label,
            .invoice-table .shipping .Title__c,
            .invoice-table .handling .Title__c,
            .invoice-table .roundingDifference .label,
            .invoice-table .depositPayments .label,
            .invoice-table tr.settlement span.Title__c,
            .invoice-table tr.settlement td.PosTotalNet__c,
            .invoice-table tr.paymentAmount td.Balance__c,
            .invoice-table td.PaymentAmount,
            .invoice-table td.Balance__c,
            .dunning-table .total .label {
                font-weight: bold;
                vertical-align: top;
            }
   
            .invoice-table .net_1,
            .invoice-table .net_2,
            .invoice-table .gross_1,
            .invoice-table .gross_2,
            .invoice-table .tax_1,
            .invoice-table .tax_2,
            .invoice-table .totalNet_1,
            .invoice-table .totalNet_2,
            .invoice-table .totalTax_1,
            .invoice-table .totalTax_2,
            .invoice-table .discount_1,
            .invoice-table .discount_2,
            .invoice-table .shipping_1,
            .invoice-table .shipping_2,
            .invoice-table .handling_1,
            .invoice-table .handling_2,
            .invoice-table .roundingDifference_1,
            .invoice-table .roundingDifference_2,
            .invoice-table .settlement_1,
            .invoice-table .settlement_2 {
                border-top: 1px dashed gray;
                border-bottom: none;
                white-space: nowrap;
            }
   
            .invoice-table .total_1,
            .invoice-table .total_2,
            .invoice-table .paymentAmount_1,
            .invoice-table .paymentAmount_2,
            .accountstatement-table .total-calculated td,
            .dunning-table .total_1,
            .dunning-table .total_2 {
                border-top: 2px solid gray;
                padding: 5px;
                border-bottom: none;
                font-weight: bold;
            }
   
            .invoice-table .product span.Title__c,
            .invoice-table .settlement span.Title__c,
            .dunning-table .detail span.Title__c {
                display: block;
                clear: both;
            }
   
            .invoice-table .product span.Title__c,
            .dunning-table .detail span.Title__c {
                font-weight: bold;
            }
   
            .invoice-table .subtotal-calculated.gross,
            .invoice-table .received-payments-gross,
            .invoice-table .final-payment-gross {
                display: none;
            }
   
            span.Unit__c {
                margin-left: .3em;
            }
   
            span.TaxRate.value {
                padding-left: 0px;
            }
   
            span.TaxType.value {
                padding-left: 8px;
            }
   
            .invoice-table td.SubTotalNet,
            tr.subtotal-calculated > td,
            tr.total-calculated > td,
            tr.subtotal-calculated.tax > td,
            tr.first-deposit-payment-row > td {
                padding-top: 15px;
            }
   
            td.tax_1.label,
            td.tax_2.SubTotalTax.value {
                vertical-align: bottom;
                padding-top: 0px;
            }
   
            .clear {
                clear: both;
                float: none;
            }
   
            .label-separator {
                margin-right: 1em;
            }
   
            .print-for {
                page: cover;
                counter-reset: page 1;
            }
   
            .page-header {
                width: auto;
                font-size: 7pt;
                border-bottom: 1px solid gray;
                padding: 0 5px 2px 5px;
            }
   
            .page-header .counter {
                float: left;
                text-align: left;
            }
   
            .page-header .InvoiceNo,
            .page-header .DunningNo {
                float: right;
                text-align: right;
            }
   
            .page-footer {
                font-size: 7pt;
                border-top: 1px solid gray;
                margin: 0;
            }
   
            .footer-left,
            .footer-right,
            .footer-center {
                width: 30%;
                float: left;
                padding: 5px;
            }
   
            .footer-fullwidth {
                padding: 5px;
            }
   
            .PageCounter:after {
                content: counter(page);
            }
   
            .NumberOfPages:after {
                content: counter(pages);
            }
   
            .invoice-table .AEDiscount.value,
            .invoice-table .OrderDiscount.value {
                padding-left: 0px;
            }
   
            .invoice-table tr.totalNet,
            .invoice-table tr.totalTax {
                display: none;
            }
   
            .invoice-table .AEDiscount.value,
            .invoice-table .OrderDiscount.value {
                padding-left: 0px;
            }
   
            .watermark {
                z-index: -1000;
                font-weight: bold;
                font-size: 15em;
                color: #eee;
                width: 100%;
                margin: 150px 30px;
            }
   
            .transaction-records {
                page-break-before: always;
            }
   
            .transaction-records-heading {
                font-size: 15pt;
            }
   
            .transaction-records-table {
                width: 100%;
                border-collapse: collapse;
                border-spacing: 0;
                -fs-table-paginate: paginate;
            }
   
            .transaction-records-table th {
                font-weight: bold;
                border-bottom: 2px solid gray;
                vertical-align: bottom;
            }
   
            .transaction-records-table th,
            .transaction-records-table td {
                text-align: right;
            }
   
            .transaction_sub_summary td {
                padding-bottom: 0.5em;
            }
   
            .transaction_table_summary td {
                border-top: 2px solid gray;
            }
   
            td.transaction_table {
                font-weight: bold;
            }
   
            td.transaction_sub {
                font-weight: bold;
                border-top: 1px solid gray;
            }
   
   
           .general-invoice{
               display: inline-block;
               width: 100%; 
               padding: 0 1.5cm 0 2.5cm;
               box-sizing: border-box;
               min-height: 50px;
               height: auto !important;
           }
   
           /*jnk*/

           .logo-container{
               text-align: right;
           }

           /*here logo styles in case you need to add them. ()*/
           .logo-img{
               width: 200px;
           }
   
           .qrcode-invoice{  
               page-break-before: always;
               border: 1px solid #000;
               border-top-style: dotted;
               position: relative;
               top: 16px;
           }
   
           /*main containers*/
           .receipt-part{
               display: inline-block;
               width: 52mm;
               height: 90mm;
               padding: 5mm;
               border-right: 1px dotted #000;
           }
   
           .payment-part{
               display: inline-block;
               vertical-align: top;
               width: auto;
               height: 90mm;
               padding: 5mm;
           }
   
           /*Information inside containers*/
           .receipt-title, .payment-title{
               font-size: 11pt;
               font-weight: bold;
               margin: 0;
           }
   
           /*items on receipt container*/
           .sect-head-receipt{
               font-size: 6pt;
               margin: 0;
               font-weight: bold;
               margin-top: 5pt;
           }
   
           .sect-list-receipt{
               margin: 0;
               padding: 0;
           }
   
           .sect-list-receipt li{
               list-style-type: none;
               font-size: 8pt;
               /**/
               width: calc(100% - 2px);
               white-space: pre;
               overflow: hidden;
               text-overflow: ellipsis;
               margin: 0;
           }
           
           /*items on payment container*/
           .qrcode-section, .info-section{
               display: inline-block;
               vertical-align: top;
           }
   
           .code-img-mg{
               display: inline-block;
               margin: 5mm 5mm 5mm 0mm;
           }   
   
           .code-img{
               position: relative;
           }
   
           .cross{
               position: absolute;
               top: 0;
               right: 0;
               bottom: 0;
               left: 0;
               margin: auto;
               width: 20pt;
           }
   
           .sect-head-payment{
               font-size: 8pt;
               margin: 0;
               font-weight: bold;
               margin-top: 5pt;
           }
   
           .sect-list-payment{
               margin: 0;
               padding: 0;
           }
   
           .sect-list-payment li{
               list-style-type: none;
               /* font-size: 10pt; */
               font-size: 9pt;
   
               /**/
               width: calc(100% - 0.5px);
               white-space: pre;
               overflow: hidden;
               text-overflow: ellipsis;
               margin: 0;
           }
   
           .qrcode-payment{
               background-color: black;
               width: 46mm;
               height: 46mm;
           }
   
           /*Currency and amount containers*/
           .currency-sect-rec{
               display: inline-block;
               /* width: 30mm; */
               width: 12mm;
               vertical-align: top;
           }
   
           .amount-sect-rec{
               display: inline-block;
               min-width: 31mm;
               vertical-align: top;
           }
   
           .currency-sect-pay{
               display: inline-block;
               width: 12mm;
               vertical-align: top;
           }
   
           .amount-sect-pay{
               display: inline-block;
               min-width: 31mm;
               vertical-align: top;
           }
   
           .amount-cont-rec{
               margin-top: 18.3mm;
           }
   
           .amount-receipt{
               min-height: 10mm;
           }
   
           .sect-list-receipt li.number-no-ellipsis, .sect-list-payment li.number-no-ellipsis {
               width: auto;
               overflow: auto;
               text-overflow: initial;
               white-space: initial;
           }
   
           .scissors-one, .scissors-two{
               width: 30px;
               position: absolute;
           }
   
           .scissors-one{
               top: -15px;
               left: 26mm;
           }
   
           .scissors-two{
               top: 55px;
               left: 58mm;
           }
   
           </style>

    </head>

    <body class="class-Invoice no-type is-email-invoice is-print-invoice tenant-Tenant1">

        <div class="general-invoice">
            <div class="c1">
                <div class="block_0"></div>
                <div class="block_1 header"></div>
                <div class="block_2 clear"></div>
            </div>

            <div class="c2">
                <div style="display: none;" class="block_0 billing-address"></div>
                <div class="block_1 clear"></div>
            </div>
            <div class="logo-container">
                <!--uncomment the image and add the src in base64 format-->
                <!-- <img class="logo-img" alt="Logo" src=""/> -->
            </div>
            <div class="c3">
                <div class="block_0 address-from"></div>
                <div class="block_1 billing-address">{{ invoice.accountname__c }}
                    <br>
                    <br>{{ invoice.billingstreet__c }}
                    <br>{{ invoice.billingcity__c }} {{ invoice.billingstate__c }} {{ invoice.billingpostalcode__c }}
                    <br>{{ invoice.billingcountry__c }}</div>
            </div>
            <div class="c4">
                <div class="block_0 display-type"> <span id="display-type">{{ invoice.class__c }}</span></div>
                <div class="block_1 clear"></div>
            </div>
            <div class="c5">
                <div class="block_0 info-left"></div>

                <div class="block_1 info-right">
                    Invoice No.:<span class="InvoiceNo value">{{ invoice.name }}</span>
                    <br />Date:<span class="InvoiceDate value">{{ invoice.date__c | date: "%e-%b-%Y" }}</span>
                </div>

            </div>
            <div class="c6">
                <div class="block_0">
                    Dear Customer,<br><br>
                    ...text 1 should be adapted...
                </div>
            </div>
            <div class="c7">
                <div class="block_0 invoice-table">

                    <table>
                        <tbody>
                            <tr class="product">
                                <th colspan="1" class="product_0 PosNo label">Pos.</th>
                                <th colspan="1" class="product_1 Title__c label">Title</th>
                                <th colspan="1" class="product_2 UnitPriceCalc__c label">Unit Price</th>
                                <th colspan="1" class="product_3 Quantity__c label">Quantity</th>
                                <th colspan="1" class="product_4 TaxRate__c label">Tax Rate</th>
                                <th colspan="1" class="product_5 PosTotalNet__c label">Pos. Total (net)</th>
                            </tr>

                            {% for section in invoiceTable %}

                                {% if section.section == 'Detail:Product+Dunning+Dunning Fee+Information+Tax Delta+Deposit' %}

                                    {% assign pos = 0 %}
                                    
                                    {% for row in section.rows %}
                                        
                                        {% if row.lineItem %}

                                            {% assign pos = pos | plus:1 %}
                                            
                                            <tr class="product Product">
                                                <td colspan="1" class="product_0 PosNo value">{{ pos }}</td>
                                                <td colspan="1" class="product_1 Title__c Description__c value"><span class="Title__c value">{{ row.lineItem.title__c }}</span><span class="Description__c value"></span></td>
                                                <td colspan="1" class="product_2 UnitPriceCalc__c value"><span class="UnitPriceCalc__c value currency">{{ row.lineItem.unitpricecalc__c | currency }}</span>
                                                </td>
                                                <td colspan="1" class="product_3 Quantity__c Unit__c value"><span class="Quantity__c value"><span class="positive"></span>{{ row.lineItem.quantity__c | decimal }}</span><span class="Unit__c value">{{ row.lineItem.unit__c }}</span></td>
                                                <td colspan="1" class="product_4 TaxRate__c value"><span class="TaxRate__c value"><span class="positive"></span>{{ row.lineItem.taxrate__c | decimal }}<span class="suffix"> %</span></span>
                                                </td>
                                                <td colspan="1" class="product_5 PosTotalNet__c value"><span class="PosTotalNet__c value currency">{{ row.lineItem.postotalnet__c | currency }}</span>
                                                </td>
                                            </tr>
                                            
                                            
                                        {% endif %}

                                        {% if row.subtotalType == 'subtotalNet' %}

                                            <tr class="subtotal-calculated net">
                                                <td colspan="1" class="net_0 "></td>
                                                <td colspan="4" class="net_1 SubTotalNet label">Subtotal (net)</td>
                                                <td colspan="1" class="net_2 SubTotalNet value"><span class="currency">{{ row.subtotal.subtotalNet | currency }}</span>
                                                </td>
                                            </tr>
                                            
                                        {% endif %}

                                        {% if row.subtotalType == 'subtotalTax' %}

                                            <tr class="subtotal-calculated tax">
                                                <td colspan="1" class="tax_0 "></td>
                                                <td colspan="4" class="tax_1  label">Tax (<span class="TaxRate value"><span class="positive"></span>{{ row.taxRate }}<span class="suffix"> %</span></span>)</td>
                                                <td colspan="1" class="tax_2 SubTotalTax value"><span class="currency">{{ row.subtotal.subtotalTax | currency}}</span>
                                                </td>
                                            </tr>
                                            
                                        {% endif %}

                                    {% endfor %}
                                    
                                {% endif %}
                                
                            {% endfor %}

                            <tr class="total">
                                <td colspan="1" class="total_0 "></td>
                                <td colspan="4" class="total_1 GrandTotal__c label">Grand Total</td>
                                <td colspan="1" class="total_2 GrandTotal__c value"><span class="GrandTotal__c value currency">{{ invoice.grandtotal__c | currency }}</span>
                                </td>
                            </tr>

                            {% for balance in balances %}
                                
                                <tr class="balances">
                                    <td colspan="4" class="balances_0 BalanceTitle value">{{ balance.type__c }}</td>
                                    <td colspan="1" class="balances_1 Date__c value"><span class="Date__c value">{{ balance.date__c | date: "%e-%b-%Y" }}</span></td>
                                    <td colspan="1" class="balances_2 Amount__c value"><span class="Amount__c value currency">{{ balance.amount__c || currency }}</span>
                                    </td>
                                </tr>

                            {% endfor %}
                            
                            <tr class="paymentAmount">
                                <td colspan="1" class="paymentAmount_0 "></td>
                                <td colspan="4" class="paymentAmount_1 PaymentAmount label">Payment Amount</td>
                                <td colspan="1" class="paymentAmount_2 Balance__c value"><span class="Balance__c value currency">{{ invoice.balance__c | currency }}</span>
                                </td>
                            </tr>

                            <tr class="lastRow">
                                <td colspan="6" class="lastRow_0 "></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            {% if invoice.displaytransactiontables__c %}
            
            <div class="c9">
                <div class="block_0 transaction-records">
                    <!--TransactionTable-->
                </div>
            </div>

            {% endif %}
            
        </div>

        <!--jnk code-->

        <div class="c10 qrcode-invoice">
            <img class="scissors-one" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMEYxMDEwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjcsMTkuNDVjLTUuNDUsMi4wMS0xMC43NSwzLjk2LTE2LjQ2LDYuMDZjNS42MywyLjA4LDEwLjg2LDQuMDEsMTYuMDksNS45NGMtMC43MSwxLjMxLTIuODMsMi4yMy00LjQ1LDEuOTEKCWMtNC4yMS0wLjgyLTguMTgtMi4zNi0xMi4xOS0zLjhjLTEuNDMtMC41MS0yLjgxLTEuMTMtNC4yMy0xLjY3Yy0wLjM5LTAuMTUtMC43My0wLjQxLTEuMjYtMC4xNWMtMi41LDEuMjItNS4zNCwxLjI4LTcuOTEsMi4yOQoJYzEuMzUsMy4zMSwwLjcsNS41My0xLjkyLDYuNTRjLTEuNjcsMC42NC00LjM2LDAuMTYtNS40NC0wLjk4Yy0xLjEyLTEuMTgtMS40My0zLjMzLTAuNjUtNC45NWMxLjA0LTIuMTQsMy4xMy0yLjI1LDUuMS0yLjQKCWMxLjgtMC4xNCwzLjYzLDAuMTEsNS40MS0wLjM4YzAuMzgtMC4xLDAuODMtMC4xMSwxLjEzLTAuMzJjMC43My0wLjUzLDEuNzQtMS4xMSwxLjYyLTIuMDRjLTAuMTQtMS4wNC0wLjg5LTEuNzYtMi4wOC0yLjE4CgljLTIuMDItMC43Mi00LjA0LTAuNTItNi4wNy0wLjU1Yy0xLjI4LTAuMDItMi41Mi0wLjE3LTMuNjEtMC44M2MtMS45Mi0xLjE2LTIuNDQtMy4yNi0xLjQ0LTUuNWMwLjc0LTEuNjYsMy40Mi0yLjg0LDUuMjQtMi4zMQoJYzMuMDEsMC44OSw0LjI2LDMuMzQsMi45Nyw2LjE0Yy0wLjQsMC44Ni0wLjEsMC44OSwwLjUzLDEuMDZjMi4zOSwwLjY0LDQuOTEsMC44Myw3LjE2LDEuOThjMC4zMiwwLjE2LDAuNjQsMC4wNywwLjk4LTAuMDYKCWM1LjA1LTEuOTcsMTAuMDktNCwxNS4zNy01LjMzQzQwLjk3LDE3LjMyLDQyLjUzLDE3LjU5LDQ0LjcsMTkuNDV6IE0xMC42LDIxLjM3YzEuOTctMC4wMiwzLjE1LTEuMTgsMy4xLTMuMDQKCWMtMC4wNC0xLjU1LTEuNjMtMi44OC0zLjQyLTIuODdjLTEuNjUsMC4wMS0zLjA0LDEuNC0zLjAyLDMuMDRDNy4yOCwyMC4xMyw4Ljc1LDIxLjM5LDEwLjYsMjEuMzd6IE0xMC4xNSwzNS40MQoJYzIuMDQsMC4wNCwzLjUzLTEuMTMsMy41NS0yLjc5YzAuMDItMS43Mi0xLjMyLTMtMy4xOC0zLjAyYy0xLjY4LTAuMDItMy4xOSwxLjI4LTMuMjYsMi44QzcuMTksMzQuMjEsOC4zLDM1LjM3LDEwLjE1LDM1LjQxeiIvPgo8L3N2Zz4K" alt="">
            <img class="scissors-two" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMEYxMDEwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMxLjI2LDQ0Ljg2Yy0yLjAxLTUuNDUtMy45Ni0xMC43NS02LjA2LTE2LjQ2Yy0yLjA4LDUuNjMtNC4wMSwxMC44Ni01Ljk0LDE2LjA5CgljLTEuMzEtMC43MS0yLjIzLTIuODMtMS45MS00LjQ1YzAuODItNC4yMSwyLjM2LTguMTgsMy44LTEyLjE5YzAuNTEtMS40MywxLjEzLTIuODEsMS42Ny00LjIzYzAuMTUtMC4zOSwwLjQxLTAuNzMsMC4xNS0xLjI2CgljLTEuMjItMi41LTEuMjgtNS4zNC0yLjI5LTcuOTFjLTMuMzEsMS4zNS01LjUzLDAuNy02LjU0LTEuOTJjLTAuNjQtMS42Ny0wLjE2LTQuMzYsMC45OC01LjQ0YzEuMTgtMS4xMiwzLjMzLTEuNDMsNC45NS0wLjY1CgljMi4xNCwxLjA0LDIuMjUsMy4xMywyLjQsNS4xYzAuMTQsMS44LTAuMTEsMy42MywwLjM4LDUuNDFjMC4xLDAuMzgsMC4xMSwwLjgzLDAuMzIsMS4xM2MwLjUzLDAuNzMsMS4xMSwxLjc0LDIuMDQsMS42MgoJYzEuMDQtMC4xNCwxLjc2LTAuODksMi4xOC0yLjA4YzAuNzItMi4wMiwwLjUyLTQuMDQsMC41NS02LjA3YzAuMDItMS4yOCwwLjE3LTIuNTIsMC44My0zLjYxYzEuMTYtMS45MiwzLjI2LTIuNDQsNS41LTEuNDQKCWMxLjY2LDAuNzQsMi44NCwzLjQyLDIuMzEsNS4yNGMtMC44OSwzLjAxLTMuMzQsNC4yNi02LjE0LDIuOTdjLTAuODYtMC40LTAuODktMC4xLTEuMDYsMC41M2MtMC42NCwyLjM5LTAuODMsNC45MS0xLjk4LDcuMTYKCWMtMC4xNiwwLjMyLTAuMDcsMC42NCwwLjA2LDAuOThjMS45Nyw1LjA1LDQsMTAuMDksNS4zMywxNS4zN0MzMy4zOCw0MS4xMywzMy4xMSw0Mi42OSwzMS4yNiw0NC44NnogTTI5LjMzLDEwLjc2CgljMC4wMiwxLjk3LDEuMTgsMy4xNSwzLjA0LDMuMWMxLjU1LTAuMDQsMi44OC0xLjYzLDIuODctMy40MmMtMC4wMS0xLjY1LTEuNC0zLjA0LTMuMDQtMy4wMkMzMC41OCw3LjQ0LDI5LjMxLDguOTEsMjkuMzMsMTAuNzZ6CgkgTTE1LjI5LDEwLjMxYy0wLjA0LDIuMDQsMS4xMywzLjUzLDIuNzksMy41NWMxLjcyLDAuMDIsMy0xLjMyLDMuMDItMy4xOGMwLjAyLTEuNjgtMS4yOC0zLjE5LTIuOC0zLjI2CglDMTYuNDksNy4zNSwxNS4zMyw4LjQ2LDE1LjI5LDEwLjMxeiIvPgo8L3N2Zz4K" alt="">
            <div class="receipt-part">
                <h1 class="receipt-title">Receipt</h1>
                
                <h2 class="sect-head-receipt">Account / Payable to</h2>
                <ul class="sect-list-receipt">
                    <li class="number-no-ellipsis">{{ QrCode.structuredData.tenant.printIBAN }}</li>
                    <li>{{ QrCode.structuredData.tenant.name }}</li>
                    <li>{{ QrCode.structuredData.tenant.street }}</li>
                    <li>{{ QrCode.structuredData.tenant.city }}</li>
                </ul>

                <h2 class="sect-head-receipt">Reference</h2>
                <ul class="sect-list-receipt">
                    <li>{{ QrCode.structuredData.reference.printIso11649 }}</li>
                </ul>

                <h2 class="sect-head-receipt">Payable by</h2>
                <ul class="sect-list-receipt">
                    <li>{{ QrCode.structuredData.debtor.name }}</li>
                    <li>{{ QrCode.structuredData.debtor.street }}</li>
                    <li>{{ QrCode.structuredData.debtor.city }}</li>
                </ul>

                <div class="amount-cont-rec">
                    <div class="currency-sect-rec">
                        <h2 class="sect-head-receipt">Currency</h2>
                        <ul class="sect-list-receipt">
                            <li>{{ QrCode.structuredData.payment.currency }}</li>
                        </ul>
                    </div>
    
                    <div class="amount-sect-rec">
                        <h2 class="sect-head-receipt">Amount</h2>
                        <ul class="sect-list-receipt">
                            <li class="amount-receipt number-no-ellipsis">{{ QrCode.structuredData.payment.amount }}</li>
                        </ul>
                    </div>
                </div>

                <h2 class="sect-head-receipt txt-right">Acceptance point</h2>


            </div>
            <div class="payment-part">
                
                <div class="qrcode-section">
                    <h1 class="payment-title">Payment part</h1>
                    <div class="code-img-mg">
                        <div class="code-img">
                            <img class="qrcode-payment" src="{{QrCode.DataURI}}">
                            <img class="cross" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKYAAACmAQAAAAB488naAAAACXBIWXMAAFxGAABcRgEUlENBAAA4MGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChNYWNpbnRvc2gpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE3LTA2LTA3VDA5OjM2OjIyKzAyOjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTctMDYtMDdUMDk6NDM6MTArMDI6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE3LTA2LTA3VDA5OjQzOjEwKzAyOjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4wPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmQzN2EyMzk0LTNmMjAtNDEzMC05ZmMyLTZjY2NhZWQ3YmI3ZjwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDpkMzdhMjM5NC0zZjIwLTQxMzAtOWZjMi02Y2NjYWVkN2JiN2Y8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDpkMzdhMjM5NC0zZjIwLTQxMzAtOWZjMi02Y2NjYWVkN2JiN2Y8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZDM3YTIzOTQtM2YyMC00MTMwLTlmYzItNmNjY2FlZDdiYjdmPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA2LTA3VDA5OjM2OjIyKzAyOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChNYWNpbnRvc2gpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjYwMDAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjYwMDAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE2NjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xNjY8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/Ppj9uUIAAAAgY0hSTQAAhwoAAIwNAAEFtwAAgOgAAFIFAAEVWwAANq8AAB9BAtDcaQAAALlJREFUeNrsl0sOwjAMRG2HfY+Uq3OkcoB0WPBpEd4Mg1mgZBU9WXYynriqw5IVGdxS6ilFHutENSI2p4OpZljfYAdRLVcniFgQ+jJ5TaYh6+BEBi/Sd8+7ADh/4l/GfSltRDXGfZDfZvupU032L3MLK1JyEHmb3OObOguA1cz63cONOJk+S4K4xVbUId07VdPIi84wiF58YXo+v4WHOdkhqx5FnZ900pd1emwuPtWZtIzKfyh/Qq8DAImrQRMAgIVTAAAAAElFTkSuQmCC">
                        </div>
                    </div>
                    <div class="amount-cont-pay">
                        <div class="currency-sect-pay">
                            <h2 class="sect-head-receipt">Currency</h2>
                            <ul class="sect-list-receipt">
                                <li>{{ QrCode.structuredData.payment.currency }}</li>
                            </ul>
                        </div>
        
                        <div class="amount-sect-pay">
                            <h2 class="sect-head-receipt">Amount</h2>
                            <ul class="sect-list-receipt">
                                <li class="number-no-ellipsis">{{ QrCode.structuredData.payment.amount }}</li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
                
                <div class="info-section">

                    <h2 class="sect-head-payment">Account / Payable to</h2>
                    <ul class="sect-list-payment">
                        <li class="number-no-ellipsis">{{ QrCode.structuredData.tenant.printIBAN }}</li>
                        <li>{{ QrCode.structuredData.tenant.name }}</li>
                        <li>{{ QrCode.structuredData.tenant.street }}</li>
                        <li>{{ QrCode.structuredData.tenant.city }}</li>
                    </ul>
    
                    <h2 class="sect-head-payment">Reference</h2>
                    <ul class="sect-list-payment">
                        <li>{{ QrCode.structuredData.reference.printIso11649 }}</li>
                    </ul>
    
                    <h2 class="sect-head-payment">Payable by</h2>
                    <ul class="sect-list-payment">
                        <li>{{ QrCode.structuredData.debtor.name }}</li>
                        <li>{{ QrCode.structuredData.debtor.street }}</li>
                        <li>{{ QrCode.structuredData.debtor.city }}</li>
                    </ul>

                </div>

            </div>
        </div>
    </body>

</html>